<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link type="text/css" rel="stylesheet" th:href="@{/css/style.css}">
    <style>

</style>
</head>
<body>
<div class="jumbotron" >
    <h1 class="text-center"><strong>答辩系统</strong></h1>
    <p class="text-center">This is a lightweight defense system, can be applied to various occasions of defense, for your defense activities to provide convenience! </p>
    <p class="text-right text-capitalize"><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
</div>

<div class="row">
    <div class="col-sm-6 col-md-4 col-md-offset-1 col-lg-3 col-lg-offset-3">
        <div class="thumbnail">
            <img th:src="@{/images/teacher.png}" alt="..." width="1387" height="1380" class="img-rounded">
            <div class="caption">
                <h3 class="text-center"><strong>教师登录端</strong></h3>
                <p class="text-center"><a href="/toTeacherLogin" class="btn btn-primary" role="button">进入</a> <!--<a href="#" class="btn btn-default" role="button">Button</a>--></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4 col-md-offset-1 col-lg-3 col-lg-offset-0">
        <div class="thumbnail">
            <img th:src="@{/images/student.png}" alt="..." width="1387" height="1380" class="img-rounded">
            <div class="caption">
                <h3 class="text-center"><strong>学生登录端</strong></h3>
                <p class="text-center">
                    <a href="/toStudentLogin" class="btn btn-primary" role="button">进入</a>
                </p>
            </div>
        </div>
    </div>
</div>


</body>
</html>